Introduction to Web Development using HTML 5
By: Kris Jamsa, Ph.D.

Chapter 18: Integrating Audio and Video

The chapter examines the steps to perform to place video and audio within a webpage. By the time you finish this chapter, you will understand the following key concepts:
● How the HTML 5 <video> and </video> tag pair can be used to include a video file within a webpage
● How to add video controls with the controls attribute
● How video files can be saved in a variety of file formats, which not all browsers support
● How to support common browsers by providing multiple video file formats, such as streaming versus downloaded video, within your webpage
● How to control your video size with the height and width attributes
● How developers can optimize video quality or the video file size by compressing video using different formats called codecs
● How to support the <video> and </video> tag pair with older browsers by embedding video within your webpage using the <embed> or <object> tags
● How to buffer video to play it without a downloading delay
● How to display a default image until a video starts to play
● How to loop a video
● How YouTube can handle the details
● How to provide multiple audio file formats within your webpage to support common browsers
● How to embed audio within your webpage using the <embed> or <object> tags because older browsers do not support the <audio> and </audio> tag pair
● How to use a link to an audio file
● How to control background audio

Chapter PowerPoint Presentation


FirstVideo.html
MultipleVideoSources.html
VideoControls.html
VideoSizes.html
OldStyleVideo.html
SupportAllVideo.html
VideoPoster.html
VideoLoop.html
AudioDemo.html
OldStyleAudio.html
AudioLink.html
YahooMediaPlayer.html